<!DOCTYPE html>
<html>
<head>
	<title>详细信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Fashion Mania Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
	<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
</head>
<body>
<!--header-->
<div class="header">
	<div class="header-top">
		<div class="container">
			<div class="col-sm-8 logo">
				<a class="ml-160" href="index.html"><img src="images/logo.png" alt=""></a>	
			</div>
			<div class="col-sm-4 header-left">		
				<p class="log">
					<a href="account.html">登录</a>
					<span>/</span><a  href="account.html">注册</a>
				</p>
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
		<div class="container">
			<div class="head-top">
				<div class="col-sm-2 number">
				</div>
		 <div class="col-sm-8 h_menu4">
				<ul class="memenu skyblue">
					<li class=" grid"><a  href="index.html">首页</a></li>	
				    <li><a href="#">帅哥</a></li>
				    <li class="grid"><a  href="#">美女</a></li>
					<li><a  href="typo.html">心灵匹配</a></li>				
					<li><a  href="typo.html">非诚勿扰</a></li>				
					<li><a class="color6" href="contact.html">联系我们</a></li>
			  	</ul> 
			</div>
				<div class="col-sm-2 search">		
			<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i> </a>
		</div>
		<div class="clearfix"> </div>
			<!---pop-up-box---->
					  <script type="text/javascript" src="js/modernizr.custom.min.js"></script>    
					<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
					<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
					<!---//pop-up-box---->
				<div id="small-dialog" class="mfp-hide">
				<div class="search-top">
						<div class="login">
							<input type="submit" value="">
							<input type="text" value="Type something..." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '';}">		
						</div>
						<p>	Shopping</p>
					</div>				
				</div>
				 <script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>			
	<!---->		
		</div>
	</div>
</div>
<!---->
<div class="single">

<div class="container">
	<div class="col-md-9 col-md-offset-1">
		<div class="col-md-5 grid">		
			<div class="flexslider">
				  <ul class="slides">
				    <li data-thumb="images/si.jpg">
				        <div class="thumb-image"> <img src="images/si.jpg" data-imagezoom="true" class="img-responsive"> </div>
				    </li>
				    <!-- <li data-thumb="images/si1.jpg">
				         <div class="thumb-image"> <img src="images/si1.jpg" data-imagezoom="true" class="img-responsive"> </div>
				    </li>
				    <li data-thumb="images/si2.jpg">
				       <div class="thumb-image"> <img src="images/si2.jpg" data-imagezoom="true" class="img-responsive"> </div>
				    </li>  -->
				  </ul>
			</div>
		</div>	
		<div class="col-md-7 single-top-in">
			<div class="single-para simpleCart_shelfItem">
				<h1>唯一</h1>
				<p>地区：北京</p>
				<p>状态：单身，求勾搭</p>
				<p>出生日期：1996-08-28</p>
				<p>自我介绍：我是一个活泼开朗的女孩子，喜欢健身、游泳。</p>
				<a href="#">申请查看更多私密信息>></a>
				<br/>
				<a href="#" class="cart item_add">急速配对</a>
			</div>
		</div>
	</div>
	<div class="clearfix"> </div>	
</div>

<!--footer-->
<div class="footer">
	<div class="footer-bottom">
		<div class="container">
			<div class="col-md-6 footer-bottom-cate cate-bottom">
				<h6>Address</h6>
				<ul>
					<li>中国.北京.朝阳区.望京SOHO</li>
				</ul>
			</div>
			<div class="col-md-6 footer-bottom-cate">
				<h6>Contact us</h6>
				<ul>
					<li class="phone">email : 12345@123.com</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<p class="footer-class">Copyright &copy; 2017.Company name All rights reserved.<a href="index.html">怦然心动</a></p>
		</div>
	</div>
</div>
<!-- slide -->
<script src="js/jquery.min.js"></script>
<script src="js/imagezoom.js"></script>
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
<script src="js/simpleCart.min.js"> </script>
<script type="text/javascript">
	$(function() {
	    var menu_ul = $('.menu-drop > li > ul'),
	           menu_a  = $('.menu-drop > li > a');
	    menu_ul.hide();
	    menu_a.click(function(e) {
	        e.preventDefault();
	        if(!$(this).hasClass('active')) {
	            menu_a.removeClass('active');
	            menu_ul.filter(':visible').slideUp('normal');
	            $(this).addClass('active').next().stop(true,true).slideDown('normal');
	        } else {
	            $(this).removeClass('active');
	            $(this).next().stop(true,true).slideUp('normal');
	        }
	    });
	
	});
</script>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script>
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    controlNav: "thumbnails"
  });
});
</script>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
	type: 'inline',
	fixedContentPos: false,
	fixedBgPos: true,
	overflowY: 'auto',
	closeBtnInside: true,
	preloader: false,
	midClick: true,
	removalDelay: 300,
	mainClass: 'my-mfp-zoom-in'
});
																
});
</script>	
</body>
</html>